@import './base.css';

#app {
  height: 100vh;
  margin: 0 auto;
  font-weight: normal;
  background-color: #efefef;;
}

main {
  height: 100%;
}

a,
.green {
  text-decoration: none;
  color: hsla(160, 100%, 37%, 1);
  transition: 0.4s;
}

@media (hover: hover) {
  a:hover {
    background-color: hsla(160, 100%, 37%, 0.2);
  }
}

@media (min-width: 1024px) {
  body {
    display: flex;
    place-items: center;
  }

  #app {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 0 2rem;
  }
}

/** 公共样式 */

:root {
  --main-background-color: #f3f3f3;
  --top-bar-color: #1989fa;
  --btn-color1: #003363;
  --btn-color2: #d77100;
  --table-header-color: #DDDDDD;
  --table-border-color: #dde2e3;
  --form-label-color: #003363;
  --form-input-border-color: #dbe3e3;

  --table-body-back-color2: #b6ceeb;
  --table-body-border-color2: #4971a0;

  --form-label-font-size: 20px;
  --form-value-font-size: 20px;
  --table-header-font-size: 16px;
  --table-data-font-size: 16px;
}

main {
  background-color: var(--main-background-color);
}

/*.container {*/
/*  padding: 15px;*/
/*  height: calc(100vh - var(--van-nav-bar-height));*/
/*}*/

.van-nav-bar {
  background-color: var(--btn-color1) !important;
}

.van-nav-bar__title {
  color: white !important;
}

.van-icon-arrow-left {
  color: #ffffff !important;
  font-size: 25px !important;
}

/**按钮*/
.btn-area {
  display: flex;
  justify-content: space-between;
  padding-top: 20px;
}

.btn-area div {
  border-radius: 25px;
  cursor: pointer;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  white-space: nowrap;
  justify-content: center;
}

.btn-area div img {
  top: 10px;
  position: relative;
}

/**-----------------vant 表单-------------------------*/

.van-cell-group {
  margin: 0px !important;
  background-color: transparent !important;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}

/*.van-cell {*/
/*  padding-top: 5px !important;*/
/*  padding-bottom: 5px !important;*/
/*}*/

/*.van-field {*/
/*  height: 50px;*/
/*  font-size: var(--form-label-font-size) !important;*/
/*  display: flex;*/
/*  align-items: center;*/
/*}*/

/*.van-field__label {*/
/*  display: flex;*/
/*  align-items: center;*/
/*  width: 105px !important;*/
/*}*/
/*.van-field__value {*/
/*  display: flex;*/
/*  align-items: center;*/
/*  justify-content: center;*/
/*  flex-wrap: wrap;*/
/*}*/

/**---------------element plus--------------------------- */

thead .el-table__cell {
  background-color: var(--table-header-color) !important;
  font-size: var(--table-header-font-size);
}

/*thead .el-table__cell > .cell {*/
/*  color: #ffffff;*/
/*}*/

/*tbody .el-table__cell {*/
/*  font-size: var(--table-data-font-size);*/
/*}*/

/*tbody .el-table__cell > .cell {*/
/*  color: #000000;*/
/*}*/

/*.el-table__header-wrapper {*/
/*  border-top-left-radius: 5px;*/
/*  border-top-right-radius: 5px;*/
/*}*/

/*.el-table__cell > .cell {*/
/*  text-align: center;*/
/*}*/

/***/

/*.van-popup {*/
/*  background: rgba(0, 0, 0, 0.7) !important;*/
/*}*/

.particulars-detail-popup {
  background: rgba(0, 0, 0, 0.7) !important;
  width:fit-content !important;
  font-size: 18px !important;
}

.el-collapse-item__header{
  font-size: 16px !important;
}

.el-dialog {
  overflow: auto !important;
}

.el-dialog__header {
  background-color:#003363 !important;
  margin-right:0px !important;
  text-align: center !important;
}

.el-dialog__body{
  padding:0px !important;
}

.el-dialog__title{
  color: #FFFFFF !important;
}

.el-overlay{
  z-index: 1111 !important;
}

.el-dialog__close{
  color: #FFFFFF !important;
}

/*.el-table__body tr.current-row>td{*/
/*  background-color: #69A8EA !important;*/
/*  color: #fff;*/
/*}*/


.el-table{
  --el-table-row-hover-bg-color: #69A8EA !important;
}

.hover-row{
  color: #ffffff !important;
}

.van-nav-bar__content{
  height: 58px !important;
}

.van-nav-bar__title{
  font-size: 18px !important;
}